<template>
  <el-container>
    <el-header class="header">
      <div class="left item">
          <span>体检机构名称：</span>
          <el-input class="com-input" placeholder="请输入体检机构名称" v-model="name" />
          <span>体检分院名称：</span>
          <el-input class="com-input" placeholder="请输入体检分院名称" v-model="childName" />
      </div>
      <div class="right item">
        <el-button type="primary" @click="search" icon="el-icon-search" class="btn">查询</el-button>
        <el-button type="primary" @click="addCom" class="btn">新增体检机构</el-button>
      </div>
    </el-header>
  </el-container>
</template>
<script>
export default {
  name: "phyExaminationOptions",
  data() {
    return {
      name: "", //体检机构名称
      childName: "", //体检分院名称
    };
  },
  methods: {
    addCom() {
      this.$router.push("addOrg?type=new&code=0");
    },
    search(){
      this.$emit("search");
    },
    getData(){
      let params = {
        childName: this.childName, //体检分院名称
        name: this.name, //体检机构名称
      }
      return params;
    }
  }
};
</script>
<style lang="less" scoped>
@import url("./../../../../assets/less/color.less");
.header {
  display: flex;
  text-align: left;
  border-bottom: 1px solid @border-gray;
  height: inherit !important;
  padding-bottom: 10px;
  flex-wrap: wrap;  
  .item{
    padding: 10px;
    &:first-child{
      padding-top: 0;
    }
  }
  .com-input {
    width: 210px;
    margin-right: 20px;
  }
  .left{
    span{
      display: inline-block;
      min-width: 115px;
    }
  }
  .right {
    display: flex;
    align-items: center;
    .btn {
      margin-left: 20px;
    }
  }
}
</style>